import React from 'react'
import './index.scss'
import BarChart from './BarChart'
import BasicRadarChart from './BasicRadarChart'
import GradientStackedAreaChart from './GradientStackedAreaChart'
import Chart4AB from './Chart4'
const Homes = () => {
  return (
    <div className='box'>
      <div className="indexbox">
        <div className="datalist">
          <div>
            <h2>访问人数</h2>
            <span>40000</span>
          </div>
          <div>
            <h2>旅游日记</h2>
            <span>8888</span>
          </div>
          <div>
            <h2>注册用户</h2>
            <span>3000</span>
          </div>
          <div>
            <h2>意见条数</h2>
            <span>101</span>
          </div>
        </div>
        <div className="chartbox">
          <div>
            <BarChart />
          </div>
          <div>
            <BasicRadarChart />
          </div>
          <div>
           <GradientStackedAreaChart />
          </div>
          <div>
            <Chart4AB />
          </div>
        </div>
      </div>
    </div>
  )
}


export default Homes
